@charset "utf-8";
/* CSS Document */
body{
	background-attachment: fixed;
}
nav{
	background-color: rgba(0,0,0,0.5);
}
a{
	color: #FFFFFF;
}
a:hover{
	background-color: #303030;
}
#shouye{
	position: absolute;
	top: 8px;
	left: 9px;
}
#shouye:hover{
	position: absolute;
	top: 5px;
}
#zj{
	position: absolute;
	top: 8px;
	left: 100px;
}
#zj:hover{
	position: absolute;
	top: 5px;
}
#dm{
	position: absolute;
	top: 8px;
	left: 210px;
}
#dm:hover{
	position: absolute;
	top: 5px;
}
#yx{
	position: absolute;
	top: 8px;
	left: 335px;
}
#yx:hover{
	position: absolute;
	top: 5px;
}
#sw{
	position: absolute;
	top: 8px;
	left: 485px;
}
#sw:hover{
	position: absolute;
	top: 5px;
}
#qs{
	position: absolute;
	top: 8px;
	left: 670px;
}
#qs:hover{
	position: absolute;
	top: 5px;
}
p.main1{
	color: #FFFFFF;
	position: absolute;
	left: 650px;
	top: 300px;
	font-size: 55px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
p.main2{
	color: #FFFFFF;
	position: absolute;
	left: 650px;
	top: 400px;
	font-size: 55px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
address{
	color: #FFFFFF;
	position: absolute;
	top: 800px;
}
p.footer{
	color: #FFFFFF;
	position: absolute;
	top: 820px;
}
.arknights1{
	width: 400px;
	border-radius: 22px;
}
.arknights2{
	width: 400px;
	border-radius: 22px;
}
.honkai{
	width: 400px;
	border-radius: 22px;
}
b{
	background-color: rgba(255,255,255,0.6);
	border-radius: 4px;
}
#myself{
	width: 300px;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	top: 50px;
	left: 100px;
	border-radius: 8px;
}
#myself1{
	width: 300px;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	top: 105px;
	left: 100px;
	border-radius: 4px;
}
#myself2{
	width: 300px;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	top: 128px;
	left: 100px;
	border-radius: 4px;
}
#myself3{
	width: 300px;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	top: 151px;
	left: 100px;
	border-radius: 4px;
}
#myself4{
	width: 300px;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	top: 174px;
	left: 100px;
	border-radius: 4px;
}
#myself5{
	width: 300px;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	top: 197px;
	left: 100px;
	border-radius: 4px;
}
#myself6{
	width: 300px;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	top: 220px;
	left: 100px;
	border-radius: 4px;
}
#myself7{
	width: 300px;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	top: 243px;
	left: 100px;
	border-radius: 4px;
}
#rikka{
	position: absolute;
	top: 300px;
	left: 100px;
	border-radius: 150px;
}
#exusiai{
	position: absolute;
	top: 50px;
	left: 450px;
	border-radius: 33px;
}
#kiana{
	position: absolute;
	top: 630px;
	left: 100px;
	border-radius: 10px;
}
#animation{
	position: absolute;
	top: 460px;
	left: 450px;
	border-radius: 33px;
}
ul.animation{
	position: absolute;
	background-color: rgba(255,255,255,0.6);
	top: 80px;
	border-radius: 30px;
}
#jojo{
	position: absolute;
	left: 1000px;
	top: 95px;
	border-radius: 40px;
}
#re0{
	position: absolute;
	left: 635px;
	top: 270px;
	border-radius: 30px;
}
#kon{
	position: absolute;
	left: 10px;
	top: 270px;
	border-radius: 60px;
}
#titan{
	position: absolute;
	left: 1000px;
	top: 350px;
	border-radius: 40px;
}
#euph{
	position: absolute;
	left: 635px;
	top: 505px;
	border-radius: 30px;
}
#kakuya{
	position: absolute;
	left: 1000px;
	top: 600px;
	border-radius: 40px;
}
#ice{
	position: absolute;
	left: 635px;
	top: 740px;
	border-radius: 30px;
}
#cl{
	position: absolute;
	left: 10px;
	top: 726px;
	border-radius: 60px;
}
#company_discription{
	font-size: 20px;
	background-color: rgba(255,255,255,0.6);
	width: 330px;
	position: absolute;
	left: 635px;
	top: 925px;
	border-radius: 10px;
	
}
#kyoani{
	position: absolute;
	left: 1000px;
	top: 850px;
	border-radius: 40px;
}
#life_science{
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	top: 80px;
	font-size: 18px;
	border-radius: 20px;
}
#Turritopsis_nutricula{
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	width: 300px;
	left: auto;
	top: 180px;
	border-radius: 10px;
}
#tnp{
	position: absolute;
	top: 300px;
	left: auto;
	border-radius: 20px;
}
#DNA{
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	width: 520px;
	top: 180px;
	left: 320px;
	border-radius: 10px;
}
#dnap{
	position: absolute;
	top: 40px;
	left: 850px;
	border-radius: 40px;
}
#lrp{
	position: absolute;
	top: 270px;
	left: 350px;
	border-radius: 20px;
}
#Lycoris_radiata{
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	width: 330px;
	top: 500px;
	border-radius: 10px;
}
#crispr_cas9{
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	width: 620px;
	left: 850px;
	top: 450px;
	border-radius: 10px;
}
#crp{
	position: absolute;
	left: 850px;
	top: 540px;
	border-radius: 40px;
}
#tip{
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	top: 880px;
	border-radius: 10px;
	font-size: 20px;
	width: 320px;
}
p,ul,h1,a{
	font-family: "kaiti";
}
p{
	font-size: 17px;
}